.custom-carousel {
    display: inline-block;
    position: fixed;
    top: 13px;
    left: 50%;
    z-index: 100;
    transform: translateX(-50%);
    line-height: 32px;
    border-radius: 5px;
    background-color: #fff;

    .close-btn {
        position: absolute;
        right: -40px;
    }

    .carousel-container {
        position: relative;
        width: 700px;
        height: 32px;
        overflow: hidden;

        .carousel-content {
            position: absolute;
            top: 0;
            left: 0;
            color: #6c8fbc;
            font-size: 14px;
            white-space: nowrap;
            animation: wordsLoop 10s linear infinite normal;
            cursor: pointer;
        }

        .carousel-content:hover {
            animation-play-state: paused;
        }
    }
}

@keyframes wordsLoop {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-50%));
    }
}
